<template>
  <!-- 关于作者模块 -->
  <!-- 右边 -->
      <div class="content-r">
        <div class="about-right">
            <h1 class="about-title">
            关于作者
          </h1>
          <div class="about-content">
            <p>About The Author</p>
            <div class="about-img">
              <img src="../assets/images/about-me.jpg" alt="">
            </div>
            <p>我叫王中原，别名诸葛大原，出生于二十世纪九十年代末，是一名简约型男青年。😄emmmmmm，当年我之所以选择学习计算机，是因为我上初中那会，英语特别特别的差，当时我就已经认定，我这辈子都不可能学会它了。
              而我又看到人们对于当代新文盲的定义是：“既不会英语，又不懂电脑的人”。所以我就决定大学的时候要选择计算机专业，不能做新文盲。</p>
             <div class="about-img">
              <img src="../assets/images/about-my.jpg" alt="">
            </div>
            <p>大学的时候，我如愿以偿的选择了计算机专业。emmmmmm，计算机是一个大范围，它包含很多门类，那我为什么选择了前端开发呢？🤔因为前端是比较好入门的计算机语言，在大学的时候其他课程我都听的稀里糊涂的，也就前端入门了，而且我觉得写页面很有意思，很有成就感。这就是我最初学习前端的原因，是不是觉得我很笨😄。</p>
             <div class="about-img">
              <img src="../assets/images/about-dog.jpg" alt="">
            </div>
            <p>我平时喜欢简约风格的，穿衣风格基本上就是白色上衣+黑色裤子+白色鞋子，我也很喜欢动物，特别是狗狗，从小就喜欢和我家狗子玩，以至于身上都有它的味道，所以犬类一般都不咬我😄。
              平时我也没什么爱好，就是学习，玩游戏，看微信公众号，还有我是懒人健身。我有一个梦想就是实现财务自由，所谓财务自由就是在未来的某一天，我不用工作也能挣钱。🤭
            </p>
          </div>
        </div>
      </div>
</template>

<script>
export default {
  name:'AboutAuthor',
}
</script>

<style lang="less" scoped>
// 右边
.content-r{
  margin-left: 300px;
}
.about-right{
  float: right;
  width: 100%;
  max-width: 900px;
  margin-bottom: 15px;
  background-color:#fff;
}
.about-right .about-title{
  padding: 0 20px;
  height: 75px;
  line-height: 75px;
  border-bottom: 1px solid #e5e5e5;
  color: #333;
  font-size: 20px;
  font-weight: 400;
}
.about-right .about-content{
  padding: 30px;
  font-size: 14px;
  line-height: 1.8;
}
.about-content p{
  margin: 0 0 20px;
}
.about-content .about-img{
  width: 840px;
  height: 360px;
  margin: 0 auto 20px;
}
.about-img img{
  width: 840px;
  height: 360px;
}
</style>